
/**
 *  02-账户-账户管理 <br/>
 *
 * @author fsl cxm 20151130.
 */
(function ($) {
	'use strict';

	$(function () {
		//初始化
		initPage();
		//绑定事件
		bindEvent();

	});
	function initPage() {
		// 初始化，获取第一页数据.
		getUserList(1);
	}

	/**
	 * 在页面初始化时, 绑定事件.<br/>
	 *
	 * @author chenxuemei 20151122
	 */
	function bindEvent() {

		// 搜索.
		$("#search-btn").on("click", function () {
			getUserList(1);
		});

		$("#account-context").on("click", ".sel-edit-btn", function () {
			var getVal = $(this);

			var tmplObj = _.template($("#edit-dialog-templ").html());
			var tmplHtml = tmplObj();

			var dia = dialog({
					id : "comm-error-box",
					title : "正在编辑" + $(this).attr("user_name") + "银行账户信息",
					width : 550,
					height : 250,
					content : tmplHtml,
					onshow : function () {
						$("#user_name").html(getVal.attr("user_name"));
						$("#bank_name").val(getVal.attr("bank_name"));
						$("#bank_num").val(getVal.attr("bank_num"));
						$("#account_name").val(getVal.attr("account_name"));
						$("#car_num").html(getVal.attr("car_num"));
						// 合法性验证, validate
						var mainForm = $("#user_admin").validate({
								rules : {
									user_name : "required",
									bank_name : {
										required : true,
									},
									bank_id : "required",
									bank_account : "required",
									account_name : "required",

								},
								errorPlacement : function (error, element) {
									element.parent().after(error);
								}
							});

						// 确认修改
						$("#update-btn").on("click", function () {
                            
                            // 验证表单
							var flag = mainForm.form();
                            
							if (flag) {
                                // 表单验证通过.
								$("#user_admin").submit();
                                // 关闭弹出框.
                                dia.remove();
							}
						});

						// 取消
						$("#cancel-btn").on("click", function () {
							dia.remove();
						});

					}
				});
			dia.showModal();

		});

	}

	/**
	 * 获取品牌列表数据.<br/>
	 * @param page {int} 查询页码.
	 *
	 * @author fsl-cxm-20151122.
	 */
	function getUserList(page) {

		$.ajax({
			url : PAGE_DATA.REST_API.get_account_list_url || '',
			type : "get",
			data : {
				company_name : $("#company_name").val(),
				username : $("#username").val(),
				page : parseInt(page || 0),
				pageSize : 10,
			},
			success : function (result) {
				renderList(result);
			},
			error : function (status, result) {
				var conf = {
					title : "提示",
					message : "获取数据失败!",
					ok_txt : "确定"
				};
				adminUtil.showMsg(conf);
			}
		});
	};

	/**
	 * 渲染列表数据, 翻页.
	 *
	 * @param ajaxResult {object} ajax请求返回的数据对象.
	 *
	 * @author fsl-chenxmei-20151122
	 */
	function renderList(ajaxResult) {

		var onClickObj = {
			onClick : function () {
				var clickPage = $(this).attr("data-page");
				getUserList(clickPage);
			}
		};

		var dataList = $.extend([], ajaxResult.data);

		//  表格数据模板.
		var tmplObj = _.template($("#tbl-list-templ").html());
		var dataHtml = tmplObj(dataList);
		$("#account-context").html(dataHtml);

		// 翻页.
		var defaultPagingObj = {
			total : 0,
			pageSize : 0,
			page : 0
		};

		var pagingConf = $.extend(defaultPagingObj, ajaxResult.pagingConfData, onClickObj);

		adminUtil.initPaging('#comm-paging', pagingConf);

	};

})(jQuery);